---
title: Filters
description: Filter components for web applications built with Tailwind CSS v4. These responsive, customizable UI filters help users sort, search, and refine content. Ideal for ecommerce, dashboards, data tables, and search results. Optimized for accessibility, SEO, and mobile usability.
emoji: 🎛️
wrapper: h-[400px]
container: p-6 max-w-md mx-auto
terms:
  - filter
  - search
  - sort
components:
  - { title: 'Dropdown', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Accordion', dark: true, plugins: ['@tailwindcss/forms'] }
---

# Filter Components

<div class="max-w-prose text-pretty">
  These components were originally part of the eCommerce category but have since moved.
</div>

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
